<template>
	<view class="page">
		<navbar backIconName="arrow-left" title="企业心声" :titleStyle="titleStyle"></navbar>
		<scroll-view class="scroll-view_H" scroll-y="true" :style="{height: 'calc(100vh)'}">
			<view :style="{height:statusHeight+'px'}"></view>
			<!-- <view style="display: flex;justify-content: center;padding: 40rpx;">
				<text
					style="font-size: 32rpx;color: #323232;font-weight: bold;text-align: center;">欢迎使用河南省发改委优化营商环境企业心声留言板</text>
			</view> -->
			<view style="display: flex;justify-content: center;padding: 40px 40rpx;">
				<text
					style="font-size: 26rpx;color: #323232;text-indent: 32px;line-height: 42rpx;">河南省发改委优化营商环境企业心声留言板，设置意见建议、我的求助、投诉举报板块，为企业搭建起便捷的诉求表达桥梁，企业可通过这些板块畅快抒发心声，让相关部门及时倾听企业诉求，更好地助力营商环境优化。</text>
			</view>
			
			<view class="asp-card" @click="toSuggestions(2)">
				<text>我的求助</text>
				<image mode="widthFix"
					style="width: 12px;height: 12px; display: block;position: absolute;left: 6px;bottom: 6px;"
					src="../../static/left-bottom.png"></image>
				<image mode="widthFix"
					style="width: 12px;height: 12px; display: block;position: absolute;right: 6px;top: 6px;"
					src="../../static/right-top.png"></image>
				<image mode="widthFix"
					style="width: 50px;height: 50px; display: block;position: absolute;right: 6px;bottom: 6px;"
					src="../../static/menu2.png"></image>
			</view>

			<view class="asp-card" @click="toSuggestions(1)">
				<text>意见建议</text>
				<image mode="widthFix"
					style="width: 12px;height: 12px; display: block;position: absolute;left: 6px;bottom: 6px;"
					src="../../static/left-bottom.png"></image>
				<image mode="widthFix"
					style="width: 12px;height: 12px; display: block;position: absolute;right: 6px;top: 6px;"
					src="../../static/right-top.png"></image>
				<image mode="widthFix"
					style="width: 50px;height: 50px; display: block;position: absolute;right: 6px;bottom: 6px;"
					src="../../static/menu1.png"></image>
			</view>
			
			<view class="asp-card" @click="toComplaint">
				<text>投诉举报</text>
				<image mode="widthFix"
					style="width: 12px;height: 12px; display: block;position: absolute;left: 6px;bottom: 6px;"
					src="../../static/left-bottom.png"></image>
				<image mode="widthFix"
					style="width: 12px;height: 12px; display: block;position: absolute;right: 6px;top: 6px;"
					src="../../static/right-top.png"></image>
				<image mode="widthFix"
					style="width: 50px;height: 50px; display: block;position: absolute;right: 6px;bottom: 6px;"
					src="../../static/menu3.png"></image>
			</view>
			<view class="my-heart" @click="toMyHeart">
				<text>{{myHeart}}</text>
			</view>


		</scroll-view>

		<!-- 投诉举报弹框 -->
		<u-modal :show="showComplaint" :title="complaintTitle" width="500rpx" :content='complaintContent'
			:showCancelButton="false" @cancel="showComplaint = false" @confirm="showComplaint = false"></u-modal>

	</view>
</template>

<script>
	let App = getApp();
	export default {
		components: {},
		data() {
			return {
				showComplaint: false,
				complaintTitle: "温馨提示",
				complaintContent: "涉及投诉举报的，请使用电脑访问河南省营商环境网进入“维权服务-投诉举报”模块使用。https://yshj.fgw.henan.gov.cn/sy",
				statusHeight: 44 + App.globalData.statusBarHeight,
				titleStyle: {
					color: "#ffffff",
					fontWeight: "bold",
					fontSize: "18px"
				},
				myHeart: ">>我的心声<<"

			};
		},
		onShow() {

		},
		created() {

		},
		methods: {
			toSuggestions(type) {
				uni.navigateTo({
					url: '/pages-mall/pages/instructions/index?type=' + type
				});
			},
			/* 投诉举报 */
			toComplaint() {
				this.showComplaint = true
			},
			toMyHeart() {
				uni.navigateTo({
					url: '/pages-mall/pages/myHeart/index'
				});
			}
		}
	};
</script>

<style lang="scss" scoped>
	.page {
		width: 100%;
		height: 100%;
	}


	.scroll-view_H {
		width: 100%;

		.my-heart {
			display: flex;
			align-items: center;
			justify-content: center;
			padding-top: 50rpx;
			font-size: 28rpx;
			color: #3C1AFF;
		}

		.asp-card {
			height: 200rpx;
			margin: 20rpx 40rpx 0rpx;
			border-radius: 6rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 42rpx;
			color: #fff;
			font-weight: bold;
			background: linear-gradient(270deg, #738AFF 0%, #71C9FF 100%);
			position: relative;


		}






	}
</style>